
<script type="text/javascript">
  function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
  }
  function getQueryString(name){
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if(r!=null)return  unescape(r[2]); return null;
  }

  function getCookie(name){
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
    return unescape(arr[2]);
    else
    return null;
  }

  function gotoAuth(){
      var hrefWithoutHash = location.href.split('#')[0];
      location.replace("http://cas.winnovator.cn/auth/preAuth?appId=1783791821429760&redirect=" + hrefWithoutHash);
  }

  var ssoToken = getCookie("SSO-TOKEN");
  if(!ssoToken){
      gotoAuth();
  }

  var AppStorage = new function() {

      this.setValueInLocalStorage = function(t, a) {
          localStorage.setItem(t, a)
      }
      ,
      this.getValueInLocalStorage = function(t) {
          return localStorage.getItem(t)
      }
      ,
      this.removeValueInLocalStorage = function(t) {
          localStorage.removeItem(t)
      }
  }
</script>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>儿童多元智能评估</title>
        <meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name="viewport" />
        <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />

        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="./styles/main2.css"/>
        <style type="text/css">
                #chartdiv{
                    font-family: "华文行楷"
                }

                @import url(http://fonts.googleapis.com/css?family=Covered+By+Your+Grace);
                #chartdiv {
                    background: #282828 url('http://www.amcharts.com/lib/3/patterns/chalk/bg.jpg');
                    color: #fff;
                    width : 100% !important;
                    height: 100% !important;
                    font-size   : 12px !important;

                }
                .chartdiv_small{
                    height      : 170px !important;
                    transition: 0.3s;
                }
                .chartdiv_big{
                    height      : 100% !important;
                    transition: 0.3s;
                }
                #share{
                    display: none;
                    -webkit-animation-name: lightSpeedIn;
                }

                .result-box{
                    padding-top: 0px;
                }
                .chartdiv_show_info{
                    position: absolute;
                    top: 20px;
                    width: 100%;
                    text-align: center;
                    margin-left: auto;
                    color: white;
                    z-index: 100;
                    font-size: 14px;
                }
            </style>
            <script type="text/javascript" src="./scripts/lib/underscore-min.js"></script>
            <script src="./scripts/lib/amcharts/amcharts.js" type="text/javascript"></script>
            <script src="./scripts/lib/amcharts/radar.js"></script>
            <script src="./scripts/lib/amcharts/themes/chalk.js"></script>
            <script src="./scripts/lib/amcharts/themes/chalk.js"></script>
            <script type="text/javascript" src="./scripts/lib/amcharts/plugins/responsive/responsive.min.js"></script>
            <style>
            .result-expert img{
                width: 100%;
                height: auto;
            }
            .content-wrap > .content > li ul.answers li{
                width: 50%;
                padding: 8px 5px;
                line-height: 28px;
                font-size: 17px;
                color: #4c4c4c;
                border: 1px solid #dbdbdb;
                background-color: rgba(255, 255, 255, .9);
                border-radius: 5px;
                margin-top: 5px;
                cursor: pointer;
                position: relative;
                float: left;
                text-align: center;
            }
        </style>
        <script>
            var paperId = "view2";
            window.eventLogger = {

                log: function(category, action, label){
                    category = paperId + "_" + category;
                    action = paperId + "_" + action;
                    label = paperId + "_" + label;

                    try {
                        _hmt.push(["_trackEvent", category, action, label, 0])
                    } catch (e) {}

                    $.get("http://logger.yoparent.cn/log.html?category=" + category + "&action=" + action + "&label=" + label + "&token=" + AppStorage.getValueInLocalStorage("scale-token"));
                }
            }
        </script>
    </head>
    <body>
        <div class="container" id="container"></div>
        <div class="ending full-page hide" >
            <div class="mesg">
                让朋友们也来试试！
                <div class="share icon-redo2"></div>
            </div>
        </div>
        <div class="orientation full-page hide">
            <div class="orientation-wrap">
                <div class="loading icon-spinner"></div>
                <div class="mesg">请使用竖屏浏览，体验绝佳！</div>
            </div>
        </div>
        <div class="full-page result-box hide">
            <div class="chartdiv_big " id = "chartdiv_container">
                <div class="chartdiv_show_info">点击查看详情</div>
                <div class="result-img " id="chartdiv" style="width: 100%; height: 100%;"></div>
            </div>

            <div class="title" result-title></div>
            <div class="result-wrapper" id="result-wrapper" result-wrapper>
                <ul class="desc" id="result-scroller">
                    <li class="" result-desc></li>
                    <li class="result-expert">
                        <h4>语言智能</h4>
                        <p>
                            指有效地运用口头语言及文学的能力。儿童的表现是喜欢听故事、说故事和语文课程，喜欢阅读、讨论及写作等活动。作家、演说家、记者、编辑、节目主持人、播音员、律师等人都显示了较高的语言智能。
                        </p>
                        <h4>逻辑数学智能</h4>
                        <p>
                            指人能有效地运用数字、计算、推理、假设和思考的能力。儿童的表现是喜欢数学或科学类的课程，常常自己提出问题寻求答案，喜欢寻找事物的规律，对新的学科发展感兴趣，喜欢发现别人言谈行为的逻辑性缺陷，喜欢下棋或玩思考性的玩具。科学家、数学家、会计师、工程师、电脑软件设计师等都具有很强的逻辑一数学智能。
                        </p>
                        <h4>空间智能</h4>
                        <p>
                            指人善于利用三维空间方式进行思维和表现的能力。空间智能强的儿童倾向于运用图像思考，喜欢画画、美劳活动、乐高积木、想象游戏、视觉游戏、阅读图画书等。飞行员、航海家、雕塑家、画家、建筑师等人都较强地表现了这一智能优势。
                        </p>
                        <h4>身体运动智能</h4>
                        <p>
                            指人调节身体运动及运用巧妙的双手改变物体的技能。运动智能强的儿童喜欢动手建造东西，喜爱户外活动、体育活动。运动员、舞蹈家、外科医生、手工艺人等都具有较强的运动智能的优势。
                        </p>
                        <h4>音乐智能</h4>
                        <p>
                            指人敏感地感知音调、旋律、节奏和音色的能力。儿童的表现为爱听音乐，能正确演唱、弹奏，能创作简单的儿歌抒发感情。作曲家、指挥家、歌唱家、乐师、乐器制作者、音乐评论家等都表现了出色的音乐智能。
                        </p>
                        <h4>人际交往智能</h4>
                        <p>
                            指能觉察他人情绪意向，有效地理解他人和善于与他人交际的能力。儿童则表现为善于体察家长的喜怒及心情，懂得察颜观色，能识别他人的情绪变化，善于与他人合作等。人际交往智能强的人如成功的领导者、政治家、外交家、心理咨询人员、公关人员、成功的推销员和行政工作人员等。
                        </p>
                        <h4>内省智能</h4>
                        <p>
                            指认识自我和善于自我反省的能力，能正确认识自己的长处和短处，把握自己的情绪、意向、动机、欲望，对自己的生活有规划，能自尊、自律，会吸取他。人的长处，喜欢独立工作，有自我选择的空间。儿童时期人的自我意识正在生成，因此内省智能尚不十分显露。优秀的哲学家、思想家、政治家、心理学家、教师等都具有出色的内省智能。
                        </p>
                        <h4>自然观察者智能</h4>
                        <p>
                            指人表现出的对自然现象、科学和动物世界等特别的兴趣和爱好倾向。儿童喜欢观察、收集自然物，喜欢了解动物世界，喜欢看电视节目、录像、书本中介绍的各种自然奇观。生物学家、地质学家、天文学家、生态学家、兽医、科学家等都对自然现象有强列的关怀和敏锐的观察辨认能力。
                        </p>
                        <img src="http://static.winnovator.cn/scale/0002/expert.png" />
                        <img src="http://static.winnovator.cn/scale/985747410.jpg" style="display: block; width: 200px; margin-left: auto;    margin-right: auto;" />
                        <br /><br />
                        <div>
                               <div class="btn bg-primary" id='share'>分享</div>
                        </div>
                        <br /><br />
                        <br /><br />
                        <br /><br />
                    </li>
                </ul>
            </div>
            <div class="power">
                <div>
                    powered&nbsp;by&nbsp;优儿学堂
                </div>
                <div>
                    ©版权所有&nbsp;&nbsp;侵权必究
                </div>
            </div>
        </div>
        <script type="text/template" id="quiz-data" style="display:none;"></script>
        <script language="text/template" id="poster-tpl" style="display:none;"></script>
        <script type="text/javascript">
            var yoparent_token = "1xzqkxz377o5596qmbjwlkvsl";
            var yoparent_start_time = "1436603587600";
        </script>
        <script type="text/javascript" src="./scripts/main2.js"></script>
        <script type="text/javascript">
            var data_tpl = null;
            WeittQuiz.run(
                data_tpl,
                "#container",
                "#poster-tpl",
                {
                    next_page_time: 0,
                    bg_img: "",
                    cover_desc: { duration: 0, animate: "zoomIn" },
                    main_cover_img: { duration: 0, animate: "zoomInDown" },
                    main_answers: { duration: 0, animate: "fadeInUp" }
                }
            );

            $.ajax({type:'get',url:'http://123.59.44.69:7070/yoparent/scale/initData?url=' + encodeURIComponent(location.href.split('#')[0]),success:function(data){
                var configData =eval('(' + data + ')');
                sysconfig(configData);
                wxconfig(configData);
            }});

            function sysconfig(data){
                var _token = AppStorage.getValueInLocalStorage("scale-token");
                if(!_token){
                    AppStorage.setValueInLocalStorage("scale-token", data.token);
                }
                window.yoparent_token = data.token;
                window.yoparent_start_time = parseInt(data.startTime);
            }
            function wxconfig(data){
                wx.config({
                    debug: false,
                    appId: data.singatureParm.appId,
                    timestamp: parseInt(data.singatureParm.timestamp),
                    nonceStr: data.singatureParm.nonceStr,
                    signature: data.singatureParm.signature,
                    jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ"]
                });

                wx.ready(function(){
                    wx.checkJsApi({
                        jsApiList: ['chooseImage'],
                        success: function(res) {}
                    });
                    wx.onMenuShareTimeline({
                        title: '儿童多元智能评估',
                        link: 'http://scale.yoparent.cn/view2.html',
                        imgUrl: 'http://static.xingfuchuangke.cn/common/yoparent_share_logo.png',
                        success: function () {
                            eventLogger && eventLogger.log("timeline_success", "share", "timeline");
                        },
                        cancel: function () {
                            eventLogger && eventLogger.log("timeline_cancel", "share", "timeline");
                        }
                    });

                    wx.onMenuShareAppMessage({
                        title: '儿童多元智能评估',
                        desc: '美国教育学家、心理学家霍华德.加德纳认为智力的构成是多元的，教育需要促进各种智力的全面发展，让个性得到充分的发展和完善。请家长评价孩子平时生活中的表现是否符合以下描述（建议施测年龄：5-15岁）',
                        link: 'http://scale.yoparent.cn/view2.html',
                        imgUrl: 'http://static.xingfuchuangke.cn/common/yoparent_share_logo.png',
                        type: 'link',
                        dataUrl: '',
                        success: function () {
                            eventLogger && eventLogger.log("group_success", "share", "group");
                        },
                        cancel: function () {
                            eventLogger && eventLogger.log("group_cancel", "share", "group");
                        }
                    });
                });
            }
        </script>
    <div style="display:none"></div>

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
          var _hmt = _hmt || [];
          (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?061e31ddbdbd77c0403205c71bf52730";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
          })();
        </script>
    </body>
</html>
